<div class="modal" ng-controller="KisBpmAssignmentPopupCtrl">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">&times;</button>
                <h3 translate class="modal-title">PROPERTY.ASSIGNMENT.TITLE</h3>
            </div>
            <div class="modal-body">
                 <div class="row row-no-gutter">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <button class="btn btn-info" ng-click="selectUser(0)"><i
                                    class="fa fa-user-o"></i>&nbsp;<span
                                    translate>ACTION.SELECT</span>{{'PROPERTY.ASSIGNMENT.ASSIGNEE' | translate}}
                            </button>
                        </div>
                    </div>
                </div>
                <div class="row row-no-gutter">
                    <!-- <div class="form-group">
                        <input type="text" id="assigneeField" class="form-control" ng-model="assignment.assignee" placeholder="{{'PROPERTY.ASSIGNMENT.ASSIGNEE_PLACEHOLDER' | translate}}" />
                    </div> -->
                     <div class="col-xs-6">
                        <input type="text" id="assigneeNameField"
                           class="form-control" ng-model="assignment.assigneeName"
                           placeholder="代理人姓名"/>
                    </div>
                </div>
                
                <div class="row row-no-gutter" style="margin-top:20px;">
                    <div class="col-xs-6" style="margin-bottom: 10px">
                        <div class="form-group">
                            <label for="userField">{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS' | translate}}</label>
                            <div ng-repeat="candidateUser in assignment.candidateUsers">
                                <input id="userField" class="form-control" type="text" ng-model="candidateUser.name" />
                                <i class="glyphicon glyphicon-minus clickable-property" ng-click="removeCandidateUserValue($index)"></i>
                            </div> 
                             <button class="btn btn-info" ng-click="selectUser(1)"><iclass="fa fa-user-o"></i>&nbsp;<span
                                translate>ACTION.SELECT</span>{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS' | translate}}
                            </button>
                        </div>
                    </div>
                    <div class="col-xs-6" style="margin-bottom: 10px">
                        <div class="form-group">
	                        <div ng-repeat="candidateGroup in assignment.candidateGroups">
	                            <span style="font-size:14px;">候选组</span><span ng-bind="$index+1"></span>：
	                            <input class="form-control" type="text" ng-model="candidateGroup.name" style="margin-bottom:5px;"/>
	                        	<i class="glyphicon glyphicon-minus clickable-property" title="删除" ng-click="removeCandidateGroupValue($index)"></i> 
	                         </div>
                             <button class="btn btn-info" ng-click="selectGroup()"><i class="fa fa-group"></i>&nbsp;<span
                                    translate>ACTION.SELECT</span>{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS' | translate}}
                            </button>
                        </div>
                         
                    </div>
                </div>
            
            </div>
            <div class="modal-footer">
                <button ng-click="close()" class="btn btn-primary" translate>ACTION.CANCEL</button>
                <button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button>
            </div>
        </div>
    </div>
</div>